<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<button onclick="vm.$mount('#app')">挂载vm</button>

<div id="app">
  <span>Hello</span>
</div>

<script src="js/vue.js"></script>
<script>
  // 如果没有 el 选项，可以通过template选项提供模板，需要到执行 vm.$mount("选择器") 的时候，才会有vue的mounted发生
  // 如果没有 el 选项，需要到执行 vm.$mount("选择器") 的时候，才会有vue的mounted发生
  var vm = new Vue({
    el: '#app',
    template:`<p> <span>{{ msg.split('').reverse().join('') }}</span> </p>`,
    data:{
      msg:"Hello Vue"
    },
    beforeCreate:function () {
      console.log("beforeCreate")
    },
    created:function () {
      console.log("created")
    },
    beforeMount:function () {
      console.log("beforeMount")
    },
    mounted:function () {
      console.log("mounted")
    }
  });

</script>
</body>
</html>
